<template>
    <div class="whitebg cloud">
        <h2 class="htitle">标签云</h2>
        <ul>
            <router-link v-for="(item,index) in tagList" to="/tag_list/1" target="_blank" :key="index">{{item.tagName}}</router-link>
<!--            <router-link to="/tag_list/1" target="_blank">css动画</router-link>-->
<!--            <router-link to="/tag_list/1" target="_blank">布局</router-link>-->
<!--            <router-link to="/tag_list/1" target="_blank">今夕何夕</router-link>-->
<!--            <router-link to="/tag_list/1" target="_blank">SEO</router-link>-->
<!--            <router-link to="/tag_list/1" target="_blank">女程序员</router-link>-->
<!--            <router-link to="/tag_list/1" target="_blank">小世界</router-link>-->
<!--            <router-link to="/tag_list/1" target="_blank">网页设计</router-link>-->
        </ul>
    </div>
</template>

<script>
    import {all} from "../../api/tag";

    export default {
        name: "FTag",
        data() {
            return {
                tagList: []
            }
        },
        mounted() {
            all().then(data => {
                this.tagList = data.data;
            }).catch(error => {

            })
        }
    }
</script>

<style scoped>

</style>